
<p>
平板应用上的表格相对简单，只用到一些简单的功能，比如：下拉刷新、选择、功能按钮，
所以封装了一个轻量级的表格指令imGrid。
</p>

<h4>grid-options：表格配置项</h4>
<h5>enableRefresh: 是否支持下拉刷新，默认不支持，若设置为true，需配置on-refresh方法更新数据</h5>
<h5>enableCheck: 是否支持记录选择，默认不支持，若设置为true，记录需包含checked字段</h5>
<h5>enableOperate: 是否支持操作，默认不支持，若设置为true，需配置operateDefs和on-operate</h5>
<h5>operateDefs: 操作集合，包含以下配置：</h5>
<p>name —— 操作名，将作为参数传入on-operate绑定的方法</p>
<p>icon —— 操作显示图标</p>
<h5>columnDefs: 表格列定义集合，包含以下配置：</h5>
<p>col —— 该列使用表格记录哪个字段的值</p>
<p>name —— 列名</p>
<p>cls —— 列额外添加的css样式名</p>
<p>tpls —— 如果配置，则使用此html模板生成此列</p>
<h5>data: 表格数据集合，记录条数改变时需重新赋值以便表格刷新，记录内容改变则不需要赋值</h5>

<h4>on-refresh：下拉刷新更新数据方法，enableRefresh为true时需配置</h4>

<h4>
on-operate：记录操作方法，enableOperate为true时需配置。调用时带入两个参数：
一是操作名，二是点击的列记录
</h4>

<h4>使用示例：</h4>
<h5>html</h5>
<p class="devhelp-code">{{data.tableHtml}}</p>
<h5>js</h5>
<p class="devhelp-code">var barcodeMasters = [];
for (var i = 1; i <= 20; i++) {
    barcodeMasters.push({
        MOLotNumber: 'P2012',
        ItemMasterCode: 'ST021',
        ItemMasterName: '网拍',
        Barcode: i.toString(),
        WorkName: '补土质检',
        UserName: '李红',
        DemandQty: 0
    });
}
$scope.data.gridOptions = {
    enableRefresh: true,
    enableCheck: true,
    enableOperate: true,
    operateDefs: [
        { name: 'op1', icon: u9ImHd.getFullPath('img/icon_list.png', 'Demo') },
        { name: 'op2', icon: u9ImHd.getFullPath('img/icon_item.png', 'Demo') }
    ],
    columnDefs: [ 
        { col: 'MOLotNumber', name: '批次' },
        { col: 'ItemMasterCode', name: '料号' },
        { col: 'ItemMasterName', name: '品名' },
        { col: 'Barcode', name: '芯片ID', cls: 'demo-column-green' },
        { col: 'WorkName', name: '作业' },
        { col: 'UserName', name: '特裁人' }
    ],
    data: angular.copy(barcodeMasters)
};

$scope.onOperate = function (operate, item) {
    if (operate === 'op1') {
        $state.go('Demo-detail');
    }
};

$scope.doRefresh = function () {
    barcodeMasters.push({
        MOLotNumber: 'P2012',
        ItemMasterCode: 'ST021',
        ItemMasterName: '网拍',
        Barcode: '21',
        WorkName: '补土质检',
        WorkLocationName: '补土质检站',
        UserName: '李红'
    });
    $scope.data.gridOptions.data = angular.copy(barcodeMasters);
    $scope.$broadcast('scroll.refreshComplete');
};
</p>